<template>
    <div class="demoAll">
        <!-- //动态改变数据 -->
        <SchoolN title="美食">

        </SchoolN>

    </div>
</template>
<script>
    import SchoolN from './compoents/SchoolN'
    export default {
        name: 'App',
        components: {
            SchoolN
        }, data() {
            return {
                foods: ['火锅', '烧烤', '小龙虾', '牛排'],
                games: ['红色警戒', '穿越火线', '劲舞团', '超级玛丽'],
                films: ['《教父》', '《拆弹专家》', '《你好，李焕英》', '《尚硅谷》']
            }
        }, mounted() {
            console.log(this);
        },

    }

</script>
<style scoped>
    .demoAll {
        display: flex;
        justify-content: space-between;
    }
</style>